
import React, { Component } from 'react'

export class Header extends Component {
 constructor(props) {
   super(props)
   this.state = {
        val:''
   }
 }
  render() {
   const {val}=this.state
   const {fnonserch}=this.props

    return (
      <div className='header'>
      <ul>
        <li> 规则名称 :<input type="text" value={val} onChange={(e)=>{
           this.setState({
            val:e.target.value
          })
        }
         
        }  /></li>
        <li> 规则名称 :<input type="text"/></li>
        <li> <span onClick={()=>{
          fnonserch(val)


        }} >查询</span> <span>重置</span> <span>展开</span></li>
 
      </ul>
 
  
     
      
    </div>
    )
  }
}

export default Header

